<?php use_javascript('boletoloja.js') ?>
<?php use_helper('rutas') ?>


<script type="text/javascript">
   $(function () {
        $('#btncanje').click(function () {
            $.ajax({
                url: '<?php echo url_for('boletoloja/canje') ?>',
                type: 'POST',
                data: {
                    ci : $('#cibusqueda').val(), 
                    idboleto : $('#idboleto').val(),                                       
                    id_ru : $('#ruta').val(),
                    id_fr : $('#frecuencia').val(),
                    hora : $('#horaboleto').val(),
                    fecha : $('#fechaboleto1').val(),
                    asientos : $('#asientosboleto1').val()  
                },                      
                dataType: 'json',
                cache: false,                                 
                success:  function (data) {
                    if (data['status'] == 'ok') {
                        alert('Se realizó con éxito el canje del boleto');
                        document.location = '<?php echo url_for('boletoloja/detalle') ?>' + '?id=' + data['id'] ;
                    } else {
                        alert(data['error']);
                    }
                },
                error:  function () {
                    alert('Ha ocurrido un error al guardar el boleto');
                }
            });            
        });
    });
</script>

<form method="POST"> 
    <br><div align="center"><font size="10"><b>CANJE DE BOLETO</b></font></div><br>
    <div id="" align="center" >

        <table border="1">

            <tr>
                <td align="center" colspan="4">
                    <input name="idboleto" id="idboleto" type="text" value="<?php echo $boleto->id_bo ?>" style="visibility: hidden"/>
                    <font style="color: red"><b>RUTA: </b> </font> <?php echo $ruta->salida ?> - <?php echo $ruta->llegada ?>  
                    <input name="ruta" id="ruta" type="text" value="<?php echo $ruta->id_ru ?>" style="visibility: hidden"/>
                    
                </td>
            </tr>
            <tr>
                <td colspan="4">
                    <font style="color: red">Solo puede canjearlo con un turno <?php ?></font>
                </td>
                </tr>
            <tr>
                <td><b>Seleccione Nueva Fecha:</b></td>                
                <td>
                    <select name="dias" id="dias">
                        <?php for ($i = $date['mday']; $i <= $dias_mes; $i++): ?>
                            <option value="<?php echo $i ?>"><?php echo $i ?></option>                                                               
                        <?php endfor ?>
                    </select>
                    <span>de <?php echo mes_texto(date('n')), ' del ', date("Y") ?></span>
                </td>


                <td><b>Seleccione Nuevo Horario:</b></td>
                <td>
                    <select name="frecuencia" id="frecuencia">                     
                        <option >Seleccione horario</option>
                    </select>    
                </td>

            </tr>
            <tr>
                <td colspan="2"><b>Bus Designado:</b></td>
                <td colspan="2">   
                    <input id="busturno" name="busturno" value="||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||"readonly="readonly"/>
                </td>   
            </tr>
            <tr>
                <td><b>Asientos Disponibles:</b></td>            
                <td colspan="3"><select name="asientostotales" id="asientostotales">                     
                        <option>||Ventana||Pasillo||||Pasillo||Ventana||</option>
                    </select> 
                </td>
            </tr>            
        </table>

    </div>
    <br><br>

    
    
    <div id="boletoloja" align="center"><br>
        <font size="4" FACE="Bradley Hand ITC"><b>Si usted nunca ha ido a Loja no conoce mi pais</b></font>
        <div id="boletoloja2" align="center"><br>
            <table   border="3">
                <tr>

                    <td align="center" colspan="4">
                        <div align="center" class="spritesescudoCoopLoja" id="escudoCoopLoja_jpg"></div>
                    </td>
                    <td align="center" colspan="4"><br><b>                    
                            COOPERATIVA DE <br>TRANSPORTES<br></b>.</td>
                    <td colspan="3"><font size="6,5"><b>"LOJA"</b></font></td>
                    <td align="right"><b>Bus N°</b><br><input id="busboleto" name="busboleto" value="" readonly="readonly"/></td>
                </tr>            
                <tr>
                    <td align="center" colspan="9"><font size="1"><b>                            
                            RECORRIENDO LOS CAMINOS DEL ECUADOR                        
                        </b></font></td>
                    <td align="center" colspan="3"><font size="2"><b>R.U.C 1190006820001</b></font></td>  
                </tr>
                <tr>
                    <td colspan="9"><b>SALE DE:</b><input value="Loja" readonly="readonly"/></td>
                    <td colspan="3"><b>VALOR:</b><input id="valorboleto" name="valorboleto" value="" readonly="readonly"/></td>                    
                </tr>

                <tr>
                    <td colspan="9">
                        <b>VIAJA A:</b><input id="llegadaboleto" name="busboleto" value="<?php echo $boleto->destino ?>" readonly="readonly"/><br>
                        <b>ASIENTO N°:</b>

                        <input id="asientosboleto" name="asientosboleto" value="" />  <br>                          
                        <b>HORA DE SALIDA:</b><input id="horasalidaboleto" name="horasalidaboleto" value="" readonly="readonly"/><br>
                        <b>NOMBRE:</b><input id="nombreboleto" name="nombreboleto" value="<?php echo $persona->first_name ?> <?php echo $persona->last_name ?>" readonly="readonly"/>
                    </td>
                    <td id="contextual" colspan="3" align="justify">
                        <b>NOTA:</b>
                        Al comprar este boleto <br>
                        Ud. acepta las condiciones que <br>
                        constan al reverso. El canje de <br>
                        boletos solamente se efectuara <br>
                        con un minimo de dos horas an-<br>
                        tes de la salida del vehiculo.</td> 

                </tr>

                <tr>
                    <td colspan="8"><b>FECHA DE VIAJE:</b><input id="fechaboleto" name="fechaboleto" value="" readonly="readonly"/><br></td>
                    <td colspan="4"><b>DIA:</b><input id="diaboleto" name="diaboleto" value="" readonly="readonly"/><br></td>
                </tr>


            </table><br><br>             
        </div>      
        <font size="4" FACE="Bradley Hand ITC"><b>Un viaje de placer visitando las bellezas del Ecuador</b></font><br><br><br>
        <br>

    </div>    
    
    
    
    
    <br><br><br><br><br>
    <br><br><br><br><br>
    <br><br><br><br>
    <div align="center">
        <input class="button2 button-azul " type="button" id="btncanje" name="btncanje"value="Venta" />
    </div>
    <br>
</form>
<div align="center">


    <a href="<?php echo url_for('inicio/index') ?>"><button type="submit" class="button2 button-green" title="Regresar atras"><div class="spritesatras" id="atras_jpg"></div>Volver a Boleteria</button></a><br><br><br><br>
</div>